<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">

  <style>
    .loading {
      position: relative;
      width: 100px;
      height: 100px;
      border: 5px solid rgb(115, 149, 118);
      border-top-color: transparent;
      border-bottom-color: transparent;
      border-radius: 100%;

      animation: arrow-circle infinite 0.75s linear;
    }

    .loading:before,
    .loading:after {
      position: absolute;
      top: 80px;
      left: 5px;
      border-top: 10px solid rgb(115, 149, 118);
      border-right: 10px solid transparent;
      border-left: 10px solid transparent;
      content: "";
      transform: rotate(-30deg);
    }

    .loading:after {
      top: 5px;
      left: 70px;

      transform: rotate(150deg);
    }

    @keyframes arrow-circle {
      0% {
        transform: rotate(360deg);
      }

      100% {
        transform: rotate(0);
      }
    }
  </style>
</head>

<body>
  <div id="app">
    <div style="width:100vw;height:100vh;display: flex;justify-content: center;align-items: center;">

      <div class="loading"></div>
    </div>
  </div>
  <!-- built files will be auto injected -->
</body>
<script>
  // function shouldBeInject() {
  //   return requestUrl.indexOf("route") !== -1;
  // }
  // function generateRandom() {
  //       return Math.floor(1+Math.random()*0x10000).toString(16).substring(1);
  //   }
  //   let requestID = null;
  //   let requestUrl = null;
  //   XMLHttpRequest.prototype.reallOpen = XMLHttpRequest.prototype.open;
  //   XMLHttpRequest.prototype.open = function (method,url,async,user,password) {
  //     requestUrl=url;
  //     console.log(requestUrl)
  //     if (shouldBeInject()){
  //       requestID = generateRandom();
  //       url = url+"AJAXINTERCEPT"+requestID;
  //     }
  //     this.reallOpen(method,url,async,user,password);
  //   }
  //
  //   XMLHttpRequest.prototype.reallySend = XMLHttpRequest.prototype.send;
  //
  //   XMLHttpRequest.prototype.send = function (body) {
  //     if(shouldBeInject()){
  //       interception.customAjax(requestID,body);
  //     }
  //     this.reallySend(body);
  //   }
</script>
</html>